<template>
  <el-breadcrumb >
    <el-breadcrumb-item v-for="(item,index) in breadList">
    <router-link :to="item.path" v-if="index==0">
    {{item.meta.title}}
    </router-link>
    <router-link :to="item.path" v-else>{{item.meta.title}}</router-link>
    </el-breadcrumb-item>
   
  </el-breadcrumb>
</template>


<script setup>
import { useRouter,useRoute } from "vue-router";
import { computed } from "vue";
const router=useRouter()
const route=useRoute()
const breadList=computed(()=>{
   console.log( route.matched);
    return route.matched
   
})

</script>

<style lang="scss" scoped>

</style>